import Vue from 'vue'
import VueRouter from 'vue-router'
import Dashboard from '../views/dashboard/index.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/404',
    component: () => import('@/views/404'),
    hidden: true
  }, {
    path: '/',
    name: 'dashboard',
    component: Dashboard
  }, {
    path: '/echart',
    name: 'echart',
    component: () => import('../views/echart.vue')
  }, {
    path: '/steps',
    name: 'steps',
    component: () => import('../views/steps.vue')
  }, {
    path: '/quill-editor',
    name: 'quill-editor',
    component: () => import('../views/quill-editor.vue')
  }, {
    path: '/tableList',
    name: 'tableList',
    component: () => import('../views/tableList.vue')
  }, {
    path: '/relationEchart',
    name: 'relationEchart',
    component: () => import('../views/relationEchart.vue')
  }, {
    path: '/personEchart',
    name: 'personEchart',
    component: () => import('../views/personEchart.vue')
  }, {
    path: '/commonEchart',
    name: 'commonEchart',
    component: () => import('../views/commonEchart.vue')
  }, {
    path: '/adaptive',
    name: 'adaptive',
    component: () => import('../views/adaptive.vue')
  }, {
    path: '/imgWatermark',
    name: 'imgWatermark',
    component: () => import('../views/imgWatermark.vue')
  }, {
    path: '/excel',
    name: 'excel',
    component: () => import('../views/excel.vue')
  }, {
    path: '/canvas',
    name: 'canvas',
    component: () => import('../views/canvas.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router
